<template>
  <!--预约须知-->
  <div class="notice">
    <h1 class="hosname">
      {{ hospitalDetailStore.hospitalDetail.hospital.hosname }}预约挂号须知
    </h1>
    <div class="top">为了方便您预约挂号，请认真阅读以下内容：</div>
    <div class="info">
      <div class="tip">一、预约实名制</div>
      <div class="text">
        统一医院预约挂号，需先实名制，实名制后才能预约挂号。
      </div>
      <div class="tip">二、预约挂号时间</div>
      <div class="text">
        预约挂号时间：周一至周五上午9:00-12:30，下午1:00-5:00
        <br />
        预约挂号时间：周六上午9:00-12:30，下午1:00-5:00
      </div>
      <div class="tip">三、预约挂号须知</div>
      <div class="text">
        1.预约挂号后，请在预约时间前30分钟到医院取号处领取预约号。
      </div>
    </div>
  </div>
</template>
<script lang="ts" name="BookingInstructions" setup>
import useHospitalDetailStore from "@/store/modules/hospitalDetail.ts";

let hospitalDetailStore = useHospitalDetailStore();
</script>

<style lang="scss" scoped>
.notice {
  .hosname {
    text-align: center;
    font-size: 30px;
  }
  .top {
    color: #7f7f7f;
    margin: 20px 0;
  }
  .info {
    .tip {
      color: red;
      font-weight: 900;
    }
    .text {
      color: #7f7f7f;
      line-height: 30px;
      margin: 10px 0px;
    }
  }
}
</style>
